* { margin:0; padding:0;}
html{font-size: 10px;}
@media screen and(min-width: 384px){  html{font-size: 12px!important;}  }
@media screen and(min-width: 480px){  html{font-size: 15px!important;}  }
@media screen and (min-width: 640px){  html{font-size: 20px!important;}  }
ul.notice-list { display:block; list-style:none; margin:0; padding:3px 0; font-family:"微软雅黑";}
ul.notice-list li { display:block; border-bottom:1px #ddd solid; padding:1rem 4%; font-size:1rem; position: relative;}
ul.notice-list li a { display:block; text-decoration:none; height:6.5rem;}
ul.notice-list li span.date { display:block; text-align:left; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
ul.notice-list li span.title { display:block;width: 60%; text-align:left; color:#333; font-weight:bold; font-size:1rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ul.notice-list li a span.contents { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; padding:8px 0; height:40px; font-size:13px; color:#555; line-height:22px; text-overflow:ellipsis; overflow:hidden;}
ul.notice-list li a span.unread { font-weight:bold;}
ul.notice-list li span.status{
    position: absolute;
    width: 10rem;
    height: 1rem;
    top: 1.1rem;
    right: 0rem;
    font-size: 0.8rem;
    color: hsl(0, 0%, 53%);
}
ul.notice-list li.readed  span.title,ul.notice-list li.readed span.status{color: #888;}
ul.notice-list li.readed a span.contents{color: #ccc;}
ul.notice-list li.readed span.date{color: #ccc;}
/* 通知详情 */
.notice-detail { padding:2rem 5%; font-family:"微软雅黑"; color:#333;}
.notice-detail .title { font-size:1.2rem; font-weight:bold; text-align:center; padding-bottom:0.6rem;}
.notice-detail .author { font-size:0.6rem; text-align:center; border-bottom:1px #ccc dashed; line-height:1.2rem; padding-bottom:0.5rem; color:#888;}
.notice-detail .content { font-size:0.8rem; line-height:1.2rem; text-align:justify; padding-top:1.4rem;}
/* 个人课程表 */
table{max-width:1000px;  border-right:1px #ccc solid;  border-top:1px #ccc solid; margin:10px auto; font-size:14px;}
td{ padding:0 6px; height:46px; border-bottom:1px #ccc solid; border-left:1px #ccc solid}
@media screen and ( max-width: 720px) {

table{width:90%; font-size:14px;}
}